<template>
  <div>
    <md-tabs  class="md-primary" md-alignment="centered">
      <md-tab  :to="{name:'day'}" md-label="day" ></md-tab>
      <md-tab  :to="{name:'week'}" md-label="week" ></md-tab>
      <md-tab  :to="{name:'month'}" md-label="month"></md-tab>
      <md-tab  :to="{name:'year'}" md-label="year"></md-tab>
    </md-tabs>
    <router-view ></router-view>
  </div>
</template>

<script>
  export default {
    name: 'Journal',
    data: () => ({
      order: null,
      tasks: [
        {
          id: 1,
          improtance: 10,
          urgency: 10,
          taskContent: 'dsf'
        },
        {
          id: 2,
          improtance: 10,
          urgency: 20,
          taskContent: '吃饭'
        },
        {
          id: 3,
          improtance: 80,
          urgency: 10,
          taskContent: '洗澡'
        },
        {
          id: 4,
          improtance: 10,
          urgency: 90,
          taskContent: '看电影'
        }
      ]
    }),
    mounted () {
      this.$router.push({name: 'day'})
    }
  }
</script>

<style scoped>

</style>
